<div class="layui-card">
  <div class="layui-card-body" style="border-bottom: 1px solid #f6f6f6;">
	  <div class="layui-row">
            <div class="layui-btn-group larry-group">
                <button class="layui-btn layui-btn-sm layui-btn-normal" onclick="javascript:layer.open({title:'增加',type:2,area: ['100%', '100%'],content:'<?=url('worker/add')?>'});">
                    <i class="layui-icon">&#xe654;</i>
                    <cite>增加</cite>
                </button>
                <button class="layui-btn layui-btn-sm layui-btn-primary ajaxPost" url="<?=url('worker/updatestatus')?>?status=0">
                    <i class="layui-icon">&#xe619;</i>
                    <cite>启用</cite>
                </button>
                <button class="layui-btn layui-btn-sm layui-btn-primary ajaxPost" url="<?=url('worker/updatestatus')?>?status=1">
                    <i class="layui-icon">&#xe61a;</i>
                    <cite>冻结</cite>
                </button>
                <!-- <button class="layui-btn layui-btn-sm layui-btn-danger ajaxPost" width="80%" heigth="80%" url="<?=url('worker/delall') ?>">
                    <i class="layui-icon">&#xe640;</i>
                    <cite>删除</cite>
                </button> -->
            </div>
        </div>
  </div>
  <div class="layui-card-body">
      <div class="layui-row layui-form" id="form">
             <div class="layui-col-lg3">
                <div class="layui-col-lg4">
                    <input type="text" id="min_time" name="min_time" placeholder="最小时间" class="layui-input">
                </div>
                <div class="layui-col-lg4">
                        <input type="text" id="max_time" name="max_time" placeholder="最大时间" class="layui-input">
                </div>
                <div class="layui-col-lg4">
                    <select lay-filter="com_quicktime">
                        <option value="0">快捷时间</option>
                        <option value="1">最近1天</option>
                        <option value="2">最近2天</option>
                        <option value="3">最近3天</option>
                        <option value="4">最近4天</option>
                        <option value="5">最近5天</option>
                        <option value="6">最近6天</option>
                        <option value="7">最近7天</option>
                        <option value="8">最近8天</option>
                        <option value="9">最近9天</option>
                        <option value="10">最近10天</option>
                        <option value="20">最近20天</option>
                        <option value="30">最近30天</option>
                        <option value="60">最近60天</option>
                        <option value="90">最近90天</option>
                        <option value="365">最近365天</option>
                    </select>
                </div>
            </div>
         <div class="layui-col-lg2">
             <input type="text" name="keyword" placeholder="请输入员工姓名/电话/服务范围" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-col-lg1">
          <select name="company_id">
              <option value="">所属公司</option>
                <?php foreach($company as $k => $v):?>
              <option value="<?=$v['id']?>"><?=$v['title']?></option>
                <?php endforeach;?>
            </select>
        </div>
        <div class="layui-col-lg1">
          <select name="status">
              <option value="">状态</option>
                <?php foreach(c('type.status') as $k => $v):?>
              <option value="<?=$k?>"><?=$v?></option>
                <?php endforeach;?>
            </select>
        </div>
        <div class="layui-col-lg1">
          <button class="layui-btn layui-btn-normal" onclick="search()">搜索</button>
        </div>
      </div>
      <div class="layui-row">
              <table class="layui-hide" lay-filter="table" id="table"></table>
      </div>
  </div>
</div>

<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="detail">详情</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <!-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> -->
</script>
<script>
layui.use(['table','form','larry'], function(){
    var form = layui.form;
    var table = layui.table;
    var $ = layui.$;
    var larry = layui.larry;
    form.render('select');
    search = function(){
        var url = "/worker/lists";
        var data = $("#form").find("[name]");
        var where = {};
        data.each(function(i,e){
            where[$(e).attr('name')] = $(e).val();
        });
        table.render({
            elem: '#table'
            ,url:url
            ,where:where
            ,method:'post'
            ,cellMinWidth:100
            ,page: true
            ,cols: [[
                {type:'checkbox'},
                {field:'id', title: 'ID',width:80, sort: true,title:'ID'},
                {field:'name', title: '姓名'}
                ,{field:'phone', title: '电话'}
                ,{field:'area', title: '服务范围'}
                //,{field:'area', title: '区域'}
                ,{field:'age', title: '年龄'}
                ,{field:'sex', title: '性别'}
                ,{field:'company_ids', title: '所属公司'}
                ,{field:'status', title: '状态'}
                //,{field:'sort',  title: '排序',edit: 'text'}
                //,{field:'create_time', title: '时间'}
                ,{field:'action', title: '操作',width:178, align:'center', toolbar: '#barDemo',fixed:"right",}
            ]]
        });
    };
    search();
      //监听工具条
      table.on('tool(table)', function(obj){
        var data = obj.data;
        if(obj.event === 'edit'){
            layer.open({
                title:'编辑',
                type:2,
                area: ['100%', '100%'],
                content:'/worker/edit?id='+data.id
            });
        }else if(obj.event === 'detail'){
            layer.open({
                title:'详情',
                type:2,
                area: ['100%', '100%'],
                content:'/worker/detail?id='+data.id
            });
        }
      });
      //监听编辑框
      table.on('edit(table)', function(obj){
          var data = {};
              data['table'] = 'worker';
              data['id'] = obj.data.id;
              data['field'] = obj.field;
              data['value'] = obj.value;
          $.ajax({
              url:'/com/edit',
              method:'post',
              dataType:'json',
              data:data,
              success:function(res){
                  my.action(res);
              }
          });
      });
});

</script>
